<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8" />
	<title>农家水果</title>
	<link rel="stylesheet" type="text/css" th:href="@{css/fruit.css}" />
	<script th:src="@{plugins/jquery-3.6.0/jquery-3.6.0.min.js}" type="text/javascript"></script>
	<script th:src="@{js/fruit.js}" type="text/javascript"></script>
	<script type="text/javascript">
		//登录入口
		function sessionName(){
			var username = $("#loginUser").text();
			if(username){
				document.getElementById("sessionName").innerText = "你好，" + username;
				document.getElementById("sessionName").href = "jump?pg=reception/baseInfoSet";
			} else {
				document.getElementById("sessionName").innerText = "你好，请登录";
			}
		}
		//弹出登录提示
		$(function(){
			$("#shoppingCar").on("click",function(){
				var username = $("#loginUser").text();
				if(username == ''){
					alert("请先登录！！！");
				} else {
					$(this).attr("href","jump?pg=reception/shoppingCar");
				}
			});
		});
	</script>
</head>
<body onload="sessionName()">
<!--*********************************顶部开始************************************-->
<div class="top">
	<div class="top-left">
		<font size="3px" color="red">欢迎来到稻香商城!</font>
		&nbsp;&nbsp;
		<a href="#">加入我们</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="#">帮助中心</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="jump?pg=reception/chat">联系客服</a>&nbsp;&nbsp;&nbsp;&nbsp;
	</div>
	<div class="top_right">
		<span id="loginUser" hidden="hidden" th:text="${session.loginUser==null?'':session.loginUser.getNickname()}"></span>
		<a href="jump?pg=reception/login" id="sessionName"></a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="jump?pg=reception/register">免费注册</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="#">我的订单</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a target="_blank" id="shoppingCar">购物车<img src="img/shopCar.png"></a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="#">会员中心</a>
	</div>
</div>
<!--*********************************顶部结束************************************-->
<!--*********************************container开始************************************-->
<div id="container">
	<!-- 搜索栏 -->
	<div class="logo">
		<div class="logo_1">
			<img src="img/100.jpg" width="230px" height="100px">
		</div>
		<div class="logo_2">
			<input type="text" size="70px" placeholder="搜索水果名称/类别" style="height: 35px;" />
			&nbsp;&nbsp;&nbsp;
			<input type="submit" name="" id="button_1" value="搜索" />
			<div class="logo_3">
				<a href="#">桃</a>
				<a href="#">瓜</a>
				<a href="#">西瓜</a>
				<a href="#">香瓜</a>
				<a href="#">梨</a>
				<a href="#">香梨</a>
				<a href="#">黄桃</a>
			</div>
		</div>
	</div>

	<!-- 导航栏 -->
	<div class="nav">
		<ul>
			<a href="/">
				<li>
					<font>首页</font>
				</li>
			</a>
			<a href="#">
				<li>
					<font size="" >米面杂粮</font>
				</li>
			</a>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#">
				<li>杂粮食品</li>
			</a>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#" th:bgcolor="green">
				<li>农家水果</li>
			</a>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#">
				<li>食用油</li>
			</a>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#">
				<li>调味品</li>
			</a>
		</ul>
	</div>
				<div id="main">
					<img src="img/banner.jpg" width="100%" height="498px">
				</div>
	<div id="left_sort">
		<div class="sort">
			<h2 style="background-color:orange;">分类目录</h2>
		</div>
		<div id="sortInner">
			<ul id="sort">
				<li><a href="#apple">桃</a></li>
				<li><a href="#banana">瓜</a></li>
				<li><a href="#pear">果</a></li>
				<li><a href="#grape">梨</a></li>
<!--				<li><a href="#watermelon">橘</a></li>-->
				<li><a href="#orange">其他</a></li>
			</ul>
		</div>
	</div>
	<div class="right_sort">
		<font size="5" color="green">&gt;&gt;今日特色水果</font>
		<div class="right_sort_inner">
			<div class="right_sort_inner1 goodsInfo">
				<img src="img/fruit1.jpg" id="apple" width="100%" height="180px" class="goods_img">
				<center>
					<font class="goods_name">好吃好吃好吃的苹果</font><br>
					价格：&yen;<font class="goods_price">10.00</font>/斤<br>
					<font class="goods_sales" hidden="hidden">123</font>
					<font class="goods_comments" hidden="hidden">234</font>
					<font class="goods_integral" hidden="hidden">10</font>
					<a href="jump?pg=reception/showcart" class="goods_buy">立即购买</a>
				</center>
			</div>
			<div class="right_sort_inner2 goodsInfo">
				<img src="img/fruit2.jpg" id="orange" width="100%" height="180px" class="goods_img">
				<center>
					<font class="goods_name">超级好吃的橙子</font><br>
					价格：&yen;<font class="goods_price">11.00</font>/斤<br>
					<font class="goods_sales" hidden="hidden">321</font>
					<font class="goods_comments" hidden="hidden">222</font>
					<font class="goods_integral" hidden="hidden">11</font>
					<a href="jump?pg=reception/showcart" class="goods_buy">立即购买</a>
				</center>
			</div>
			<div class="right_sort_inner3 goodsInfo">
				<img src="img/fruit3.jpg" id="pear" width="100%" height="180px" class="goods_img">
				<center>
					<font class="goods_name">特别好吃的梨</font><br>
					价格：&yen;<font class="goods_price">12.00</font>/斤<br>
					<font class="goods_sales" hidden="hidden">543</font>
					<font class="goods_comments" hidden="hidden">545</font>
					<font class="goods_integral" hidden="hidden">12</font>
					<a href="jump?pg=reception/showcart" class="goods_buy">立即购买</a>
				</center>
			</div>
		</div>
		<hr>
	</div>
	<div class="right_sort" id="right_sort1">
		<font size="5" color="green">&gt;&gt;人气水果</font>
		<div class="right_sort_inner">
			<div class="right_sort_inner1 goodsInfo">
				<img src="img/fruit4.jpg" id="banana" width="100%" height="180px" class="goods_img">
				<center>
					<font class="goods_name">超级超级好吃的香蕉</font><br>
					价格：&yen;<font class="goods_price">13.00</font>/斤<br>
					<font class="goods_sales" hidden="hidden">111</font>
					<font class="goods_comments" hidden="hidden">444</font>
					<font class="goods_integral" hidden="hidden">13</font>
					<a href="jump?pg=reception/showcart" class="goods_buy">立即购买</a>
				</center>
			</div>
			<div class="right_sort_inner2 goodsInfo">
				<img src="img/fruit5.jpg" id="grape" width="100%" height="180px" class="goods_img">
				<center>
					<font class="goods_name">特别特别好吃的葡萄</font><br>
					价格：&yen;<font class="goods_price">14.00</font>/斤<br>
					<font class="goods_sales" hidden="hidden">2333</font>
					<font class="goods_comments" hidden="hidden">3232</font>
					<font class="goods_integral" hidden="hidden">14</font>
					<a href="jump?pg=reception/showcart" class="goods_buy">立即购买</a>
				</center>
			</div>
			<div class="right_sort_inner3 goodsInfo">
				<img src="img/fruit6.jpg" id="watermelon" width="100%" height="180px" class="goods_img">
				<center>
					<font class="goods_name">非常非常好吃的西瓜</font><br>
					价格：&yen;<font class="goods_price">15.00</font>/斤<br>
					<font class="goods_sales" hidden="hidden">897</font>
					<font class="goods_comments" hidden="hidden">123</font>
					<font class="goods_integral" hidden="hidden">15</font>
					<a href="jump?pg=reception/showcart" class="goods_buy">立即购买</a>
				</center>
			</div>
		</div>
		<br>
		<div class="right_sort_inner">
			<div class="right_sort_inner1 goodsInfo">
				<img src="img/fruit4.jpg" id="banana1" width="100%" height="180px">
				<center>
					<font class="goods_name">超级超级超级好吃的香蕉</font><br>
					价格：&yen;<font class="goods_price">16.00</font>/斤<br>
					<font class="goods_sales" hidden="hidden">645</font>
					<font class="goods_comments" hidden="hidden">456</font>
					<font class="goods_integral" hidden="hidden">16</font>
					<a href="jump?pg=reception/showcart" class="goods_buy">立即购买</a>
				</center>
			</div>
			<div class="right_sort_inner2 goodsInfo">
				<img src="img/fruit5.jpg" id="grape1" width="100%" height="180px">
				<center>
					<font class="goods_name">特别特别特别好吃的葡萄</font><br>
					价格：&yen;<font class="goods_price">17.00</font>/斤<br>
					<font class="goods_sales" hidden="hidden">978</font>
					<font class="goods_comments" hidden="hidden">1231</font>
					<font class="goods_integral" hidden="hidden">17</font>
					<a href="jump?pg=reception/showcart" class="goods_buy">立即购买</a>
				</center>
			</div>
			<div class="right_sort_inner3 goodsInfo">
				<img src="img/fruit6.jpg" id="watermelon1" width="100%" height="180px">
				<center>
					<font class="goods_name">非常非常非常好吃的西瓜</font><br>
					价格：&yen;<font class="goods_price">18.00</font>/斤<br>
					<font class="goods_sales" hidden="hidden">3213123</font>
					<font class="goods_comments" hidden="hidden">12312312</font>
					<font class="goods_integral" hidden="hidden">18</font>
					<a href="jump?pg=reception/showcart" class="goods_buy">立即购买</a>
				</center>
			</div>
		</div>
		<div style="text-align: center;">
			<a href="##"><span>上一页</span></a>&nbsp;&nbsp;
			<a href="##"><span>1</span></a>&nbsp;&nbsp;
			<a href="##"><span>2</span></a>&nbsp;&nbsp;
			<a href="##"><span>3</span></a>&nbsp;&nbsp;
			...
			<a href="##"><span>下一页</span></a>&nbsp;&nbsp;
			共5页，到第<input type="text" name="" id="" value="" style="width: 30px;" />页
			<button type="button">确定</button>


		</div>
	</div>
	<div id="left_sort_bottom">
		<font size="5" color="green">&gt;&gt;购物评价</font>
		<div class="access">
			<a href="##"><img src="img/touxiang1.jpg" width="30%"></a>
			：水果很新鲜<br>2020年6月
			<hr>
		</div>
		<div class="access">
			<a href="##"><img src="img/touxiang2.jpg" width="30%"></a>
			：水果很新鲜<br>2020年7月
			<hr>
		</div>
		<div class="access">
			<a href="##"><img src="img/touxiang3.jpg" width="30%"></a>
			：水果很新鲜<br>2020年8月
			<hr>
		</div>
	</div>
	<div class="end">
		<img src="img/end1.png" width="100%" height="100%">
	</div>
	<div class="end_1">
		<div class="end_2">
			<dl>
				<dt>
				<dd><b>购物指南</b></dd>
				<a href="#">
					<dd>购物流程</dd>
				</a>
				<a href="#">
					<dd>常见问题</dd>
				</a>
				<a href="#">
					<dd>联系客服</dd>
				</a>
				</dt>
			</dl>
		</div>
		<div class="end_2">
			<dl>
				<dt>
				<dd><b>配送方式</b></dd>
				<a href="#">
					<dd>上门自提</dd>
				</a>
				<a href="#">
					<dd>快递/物流/EMS</dd>
				</a>
				<a href="#">
					<dd>配送服务查询</dd>
				</a>
				<a href="#">
					<dd>配送费收取标准</dd>
				</a>
				<a href="#">
					<dd>海外配送</dd>
				</a>
				</dt>
			</dl>
		</div>
		<div class="end_2">
			<dl>
				<dt>
				<dd><b>支付方式</b></dd>
				<a href="#">
					<dd>微信</dd>
				</a>
				<a href="#">
					<dd>支付宝</dd>
				</a>
				<a href="#">
					<dd>银行卡转账</dd>
				</a>
				<a href="#">
					<dd>货到付款</dd>
				</a>
				<a href="#">
					<dd>分期付款</dd>
				</a>
				</dt>
			</dl>
		</div>
		<div class="end_2">
			<dl>
				<dt>
				<dd><b>售后服务</b></dd>
				<a href="#">
					<dd>售后政策</dd>
				</a>
				<a href="#">
					<dd>退款说明</dd>
				</a>
				<a href="#">
					<dd>退换货</dd>
				</a>
				<a href="#">
					<dd>取消订单</dd>
				</a>
				<a href="#">
					<dd>价格保护</dd>
				</a>
				</dt>
			</dl>
		</div>
		<div class="end_2">
			<dl>
				<dt>
				<dd><b>新手上路</b></dd>
				<a href="#">
					<dd>如何开店</dd>
				</a>
				<a href="#">
					<dd>货物上架</dd>
				</a>
				<a href="#">
					<dd>店主常见问题</dd>
				</a>
				<a href="#">
					<dd>联系我们</dd>
				</a>
				</dt>
			</dl>
		</div>
	</div>
	<div class="last">
		<center>
			<font size="3">Copyright &copy; 2017-2021 稻香商城 版权所有</font><br />
			<font size="3">互联网食品信息服务资格证编号(津)-经营性-2017-XXXX|新出发京零 字第大XXXXX号</font><br />
			<font size="3">互联网出版许可证编号新出网证(津)字XXX号|出版物经营许可证|网络文化经营许可证津网文[2017]XXXX-XXX号</font>
		</center>
	</div>
</div>

<!--*********************************container结束************************************-->
</body>
</html>
